import React from 'react';
import { Card, Form, Input, Select, DatePicker, Button, Space } from 'antd';

const { Option } = Select;
const { RangePicker } = DatePicker;

const SearchForm: React.FC = () => {
  return (
    <Card style={{ background: '#fff', borderRadius: 16, marginBottom: 24 }} bordered={false}>
      <Form layout="inline">
        <Form.Item label="关键词">
          <Input placeholder="请输入关键词" style={{ width: 200 }} />
        </Form.Item>
        <Form.Item label="时间">
          <Select defaultValue="week" style={{ width: 140 }}>
            <Option value="week">最近一周</Option>
            <Option value="month">最近一月</Option>
            <Option value="year">最近一年</Option>
            <Option value="all">全部</Option>
          </Select>
        </Form.Item>
        <Form.Item label="分类">
          <Select defaultValue="all" style={{ width: 120 }}>
            <Option value="all">全部</Option>
            <Option value="news">资讯</Option>
            <Option value="topic">专题</Option>
            <Option value="insight">洞察</Option>
            <Option value="case">案例</Option>
          </Select>
        </Form.Item>
        <Form.Item label="标签">
          <Input placeholder="请输入标签" style={{ width: 160 }} />
        </Form.Item>
        <Form.Item>
          <Space>
            <Button type="primary">搜索</Button>
            <Button>重置</Button>
          </Space>
        </Form.Item>
      </Form>
    </Card>
  );
};

export default SearchForm; 